
.index{
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.bottom-navbar-wrap{
    padding-bottom: 10px;
    width: 100%;
}

.tabs-wrap{
    flex:1;
}

.tabs-container{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.tabs-item-wrap{
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    .tip{
        height: 18px;
        width: 2px;
    }
    .tip-cu{
        height: 18px;
        width: 2px;
        background: red;
    }
    .tabs-item-title{
        height: 18px;
        width: 80px;
        margin-left: 10px;
        .title-text{
            height: 100%;
            line-height: 18px;
        }
    }
}

.tabs-items-wrap{
    height: 100%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ccc;
}

.tab-content{
    padding: 20px;
    flex:1;
    display: flex;
}